$(function(){
	var product_datagrid = $("#product_datagrid");
	var product_dialog = $("#product_dialog");
    product_datagrid.datagrid({
		url:"/product/list",
		fit:true,
        singleSelect:true,
		columns:[[
		          {field:'x',checkbox:true},
		          {field:'id',title:'编号',width:100,align:'center' ,hidden:true},
			      {field:'parentClassify',title:'一级分类',width:100,align:'center',formatter:function(value,row,index) {
                      if (value) {
                          return value.name;
                      }
                  }},
			      {field:'productClassify',title:'二级分类',width:100,align:'center',formatter:function(value,row,index) {
                      if (value) {
                          return value.name;
                      }
                  }},
		          {field:'name',title:'商品名称',width:100,align:'center'},
		          {field:'sn',title:'商品编码',width:100,align:'center'},
		          {field:'size',title:'商品规格',width:100,align:'center'},
		          {field:'point',title:'商品积分',width:100,align:'center'},
		          {field:'salePrice',title:'商品售价',width:100,align:'center'},
		          {field:'supplier',title:'供应商',width:100,align:'center',formatter:function (value, row, index) {
					  if (value){
					  	return value.name;
					  }else{
					  	return "";
					  }
                  }},

		          ]],
		fitColumns:true,
		toolbar:"#tb",
		pagination:true

	});

	//创建一个用于商品分类信息的对话框
	product_dialog.dialog({
		width:500,
		height:400,
		buttons:"#bb",
		closed:"true"

	})



    var cmdObj={
        //工具栏的刷新
        reload: function () {
            //刷新操作
			if (product_datagrid.render){

			}
           	 product_datagrid.datagrid("reload");
        },
        //添加操作
        add: function(){
			//因为编辑与添加共用一个对话框,所以在操作之前应将之前的数据全部清空
			$("#editForm").form("clear");
			//打开添加对话框
			product_dialog.dialog("open");
			product_dialog.dialog("setTitle","商品添加");
		},
        //编辑操作
        edit: function(){
			//从datagrid中获取选择的那一行数据
			var row = product_datagrid.datagrid("getSelected");
			if (!row) {
				$.messager.alert('温馨提示','请选择要编辑的行');
				return;
			}else{
				//因为编辑与添加共用一个对话框,所以在操作之前应将之前的数据全部清空
				$("#editForm").form("clear");
				product_dialog.dialog("open");
				product_dialog.dialog("setTitle","商品编辑");

				//将选中row数据加载到对话框中的form表单中,用于回显
				//form加载数据原来: 同名匹配原则
                if(row.parentClassify){
                    row['parentClassify.id'] = row.parentClassify.id;
                }
                if(row.productClassify){
                    row['productClassify.id'] = row.productClassify.id;
                }
                if(row.depot){
                    row['depot.id'] = row.depot.id;
                }
                if(row.supplier){
                    row['supplier.id'] = row.supplier.id;
                }
				//将数据加载到form表单中(数据回显)
				$("#editForm").form("load",row);

				/*//角色回显
				$.get("/product/queryRoleIdsByEmpId?empId=" + row.id,function (data) {
					$("#roleId").combobox("setValues",data);//data是一个数组
                })*/
			}
		},
        //保存商品
        save: function(){
			//获取id
			var id = $("#productId").val();
			var url = "product/save";
			//因为编辑和添加共用一个对话框中同一个保存按钮,所以需要根据id来判断是添加还是编辑操作
			if(id){
				url = "product/update";
			}
			//提交表单
			$("#editForm").form("submit",{
				//表单提交的路径
				url:url,
                /*onSubmit:function (param) {//表单提交前封装额外参数
				 var ids = $("#productId").combobox("getValues");
				 for (var i = 0;i < ids.length;i++){
				 param["parent["+i+"].id"] = ids[i];
				 }
				 },*/
				//操作成功之后执行函数,data是返回的数据
				//注意:data是json格式的字符串
				success:function(data){
					//1.接收返回的数据
					//2.判断操作是否成功
					data=$.parseJSON(data);
					//3.操作失败,提示用户
					if(!data.success){
						$.messager.alert('温馨提示',data.msg);
					}else{
						//操作成功
						//1.提示用户操作成功
						//2.关闭当前的输入对话框
						product_dialog.dialog("close");
						//3.刷新datagrid的数据
						product_datagrid.datagrid("reload");
					}
				}
			})
		},
        //关闭对话框
        cancel: function(){
			product_dialog.dialog("close");
		},
        //工具栏删除操作
        remove: function(){
			var row = product_datagrid.datagrid("getSelected");
			if (!row) {
				$.messager.alert('温馨提示','请选择要编辑的行');
			}else{
				//使用ajax发起修改状态请求
				$.get("/product/delete",{id:row.id},function(data){
					if (!data.success) {
						$.messager.alert('温馨提示',data.msg);
					}else{
						//刷新列表数据
						product_datagrid.datagrid("reload");
					}
				})
			}
		},
		//高级查询
        query: function(){
			//因为easyui对元素的html进行相关的封装,可能导致获取到的数据不准确,建议都是使用easyui提供的获取数据的方法
			//var keywords = $(#"keywords").val();
			var keywords = $("#keywords").textbox("getValue");

			//所谓高级查询,无非是让datagrid根据条件去更新列表数据,所以只需要刷新列表,同时携带查询条件即可
			product_datagrid.datagrid("load",{
				keywords:keywords
			});
		}
	}

    //调用
    $("a[data-cmd]").click(function () {
        var cmd = $(this).data("cmd");
        cmdObj[cmd]();
    });



	//新增的二级联动
    var parentId = $('#parentId').combobox({
        url:'productClassify/queryBoot',
        editable:false,
        valueField:'id',
        textField:'name',
        panelHeight:"auto",
        onSelect:function(record){
            //刷新数据，重新读取一级分类下的二级分类，并清空当前输入的值
            childId.combobox({
                disabled:false,
                url:'productClassify/queryChildByParentId?parentId='+record.id,
                valueField:'id',
                textField:'name'
            }).combobox('clear');
        }
    });
    console.log(parentId);
    var childId = $('#childId').combobox({
        disabled:true,
        url:'productClassify/queryChildByParentId?parentId='+parentId.val(),
        valueField:'id',
        textField:'name',
        panelHeight:"auto"
    });

});
